<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0" name="viewport">
    <title>表格库</title>
    <link rel="stylesheet" type="text/css" href="jquery/css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="jquery/css/default.css">
    <link rel="stylesheet" href="jquery/css/responsive-tables.min.css" type="text/css">
    <style type="text/css">
        /* example demo page styles */
        table {
            width: 100%;
            margin: 1em 0 2em;
            font-size: .938em;
            border-collapse: collapse;
        }

        caption {
            margin: 1em 0 .7em 0;
            text-align: center;
            font-weight: bold;
            font-size: 120%;
            letter-spacing: .5px;
            color: #000000;
        }

        th {
            text-align: left;
            padding: .5em .5em;
            font-weight: bold;
            border-top: solid 3px #ccc;
            border-bottom: solid 1px #000000;
            background: #ffffff;
        }

        td {
            padding: .5em .5em;
            border-bottom: solid 1px #000000;
        }
        body{
            background-color: #ffffff;
            color: #000000;
        }
    </style>
</head>
<body>
<table class="respond">
    <thead>
    <tr>
        <th>用户名</th>
        <th>商品</th>
        <th>数量</th>
        <th>总价格</th>
        <th>状态</th>
    </tr>
    </thead>
    <tbody>
    <c:forEach var="gs" items="${goodslist}">
        <tr>
            <td>${gs.cart_u_id }</td>
            <td>${gs.cart_p_name }</td>
            <td>${gs.cart_quantity }</td>
            <td>${gs.cart_p_price * gs.cart_quantity }.00</td>
<%--            <td><img src=""></td>>--%>
            <td>已下单</td>
        </tr>
    </c:forEach>


    </tbody>
</table>

<script src="jquery/js/jquery-1.11.0.min.js"></script>
<script src="jquery/js/jquery.responsive-tables.min.js"></script>
<script src="jquery/js/app.js"></script>
</body>
</html>
